<template>

  <el-container style="height: 700px; border: 1px solid #eee">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']">

        <el-menu-item index="1" @click="mydata">
          <span slot="title">个人资料</span>
        </el-menu-item>
        <el-menu-item index="2" @click="inf">
          <span slot="title">修改资料</span>
        </el-menu-item>
        <el-menu-item index="3" @click="toMyOrder">
          <span slot="title">我的订单</span>
        </el-menu-item>
        <el-menu-item index="4">
          <span slot="title">vip活动</span>
        </el-menu-item>

      </el-menu>
    </el-aside>

    <el-container>
      <el-header style="text-align: right; font-size: 12px">

      <router-view></router-view>
      </el-header>
    </el-container>
  </el-container>

</template>

<script>
  export default {
        name: "informationtwo",
      methods: {
          handleOpen(key, keyPath) {
              console.log(key, keyPath);
          },
          handleClose(key, keyPath) {
              console.log(key, keyPath);
          },
          mydata(){
              console.log("跳转到个人资料")
              this.$router.push("/tomyinfor")
          },
          inf(){
              console.log("跳转到修改")
              this.$router.push("/toinfor")
          },
        toMyOrder(){
             this.$router.push("/myOrder")
        }
      }


  }
</script>

<style scoped>

</style>
